<%--
  Created by IntelliJ IDEA.
  User: 86185
  Date: 2024/5/22
  Time: 11:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>黎卡芙</title>
    <meta charset="utf-8">
    <%--引入css样式--%>
    <link href="css/main.css" type="text/css" rel="stylesheet" media="all">
    <%--引入js样式--%>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div>
    <div id="header">
        <div id="header_head">
            <div id="head">
                <img id="logo" src="image/logo.png" alt="">
                <span id="likafu_span">黎卡芙</span>
                <div id="search">
                    <img id="search_img1" src="image/saoma.png" alt="">
                    <span id="search_span">|</span>
                    <input id="search_input" type="text">
                    <img id="search_img2" src="image/souso.png" alt="">
                </div>
                <img id="head_img" src="image/santiaogang.png">
            </div>
        </div>
        <div>
            <img id="img_main" class="img_main" src="image/2.png" alt="">
        </div>

        <div>
            <div class="label_shop" onclick="goAllShop()">
                <img class="img_main_shop" src="image/quanbushangpin.png" alt="">
            </div>
            <img class="img_main_shop" src="image/youhuiquan.png" alt="">
            <img class="img_main_shop" src="image/huiyuanzhongxin.png" alt="">
            <img class="img_main_shop" src="image/jifenduihuan.png" alt="">
        </div>
    </div>
    <div id="main">
        <c:forEach var="goods" items="${goodsList1}">
            <div id="main_shop" onclick="goShop(${goods.id})">
                <img id="main_img" src="${goods.goodsImg}">
                <span id="main_span" class="span_main">${goods.goodsName}</span><br>
                <span class="span_main">${goods.goodsUnit}</span><br><br>
                <span id="shop_price" class="span_main">￥${goods.goodsPrice}</span>
                <span class="span_main" id="go_shop">立即抢购</span>
            </div>
        </c:forEach>

        <div id="div_main_gift">
            <span class="gift_span">————<span id="gift_span">礼包专区</span>————</span>
            <c:forEach items="${goodsList2}" var="goods">
                <div class="div_main" onclick="goShop(${goods.id})">
                    <img class="img_main_gift" src="${goods.goodsImg}">
                    <span>${goods.goodsName}</span><br>
                    <span class="span_main_price">￥${goods.goodsPrice}</span>
                    <span id="stock" class="span_main_remain">仅剩&nbsp;${goods.num}&nbsp;盒</span>
                </div>
            </c:forEach>
        </div>
    </div>
</div>
</body>
</html>
